/*弹窗*/
.full-fix-page {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10001;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
}

.popup-wrap {
	width: 100%;
}

.popup-type-model {
	position: relative;
	width: 80%;
	margin: 0 auto;
	background: #fff;
	border-radius: 15rpx;
} 

.popup-type-model .popup-body {
	position: relative;
	padding: 20rpx 40rpx;
	font-size: 28rpx;
}

.popup-type-model .popup-body .title {
	margin: 20rpx 0 0;
	text-align: center;
	font-size: 32rpx;
	font-weight: bold;
	color: #000;
}

.popup-type-model .popup-body .content {
	padding: 30rpx 0 20rpx;
}
.popup-type-model .popup-body .content .inp-bar{
	
}
.popup-type-model .popup-body .content .inp-bar .label{
	margin-bottom: 10rpx;
	font-size: 28rpx;
	font-weight: bold;
}
.popup-type-model .popup-body .content .inp-bar .inp-textarea{
	width: 90%;
	padding:10rpx 5%;
	height: 100rpx;
	background: #f5f5f5;
	border-radius: 15rpx;
	font-size: 28rpx;
}
.popup-type-model .popup-body .content .inp-bar .inp-input{
	width: 90%;
	height:80rpx;
	line-height: 80rpx;
	padding:0 5%; 
	background: #f5f5f5;
	border-radius: 15rpx;
	font-size: 28rpx;
}
.popup-type-model .popup-body .content .inp-bar .inp-picker{
	display: flex;
	align-items: center;
	background: #f5f5f5;
	border-radius: 15rpx;
}
.popup-type-model .popup-body .content .inp-bar .inp-picker .iconfont{
	color:#666;
	margin-right: 20rpx;
}


.popup-type-model .popup-body .line {
	margin-bottom: 10rpx;
	color: #333;
	font-size: 28rpx;
}

.popup-type-model .popup-body .tips {
	padding: 30rpx 10rpx;
	text-align: center;
	color: #666;
	font-size: 30rpx;
}
.popup-type-model .comfirm-btn{
	height:80rpx;
	line-height: 80rpx;
	text-align: center;
	font-size: 28rpx;
	background: #09f;
	border-radius: 15rpx;
	color:#fff;
}
.popup-type-model .btn-wrap {
	height: 90rpx;
	line-height: 90rpx;
	display: flex;
	border-top: 1rpx solid #eee;
}

.popup-type-model .btn-wrap .btn {
	flex-grow: 1;
	width: 1%;
	text-align: center;
	border-right: 1rpx solid #eee;
	font-size: 34rpx;
}

.popup-type-model .btn-wrap .btn:last-child {
	border-radius: 0 none;
	border-right: 0 none;
}

.popup-type-model .btn-wrap .cancle {
	color: #999;
}

.popup-type-model .btn-wrap .confirm {
	color: #09f;
}

.fix-bottom-wrap {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}

.fix-bottom-wrap .close-btn ,
.popup-type-model .close-btn{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 90rpx;
	height: 90rpx;
	text-align: center;
	line-height: 90rpx;
	color:#666;
}

.fix-bottom-wrap .hd {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 25rpx 0;
	background: #f5f5f5;
	border-top-left-radius: 36rpx;
	border-top-right-radius: 36rpx;
}

.fix-bottom-wrap .hd .t-m {
	margin: 0 0 5rpx 0;
	font-size: 32rpx;
}

.fix-bottom-wrap .hd .t-s {
	font-size: 26rpx;
	color: #999;
}
.picker-hd{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f5f5f5; 
	padding:30rpx 30rpx;
	font-size: 32rpx;
	color:#666;
}

.iphoneX .fix-bottom-wrap .popup-body {
	padding-bottom: 60rpx;
}

.fix-bottom-wrap .popup-body {
	max-height: 600rpx;
	min-height: 400rpx;
	background: #fff;
}

.fix-bottom-wrap .popup-body .scroll-view {
	position: relative;
	max-height: 480rpx;
	padding:10rpx 0;
	overflow-y: scroll;
}

.fix-bottom-wrap .bottom {
	height: 100rpx;
}

.fix-bottom-wrap .bottom .fix-wrap {
	height: 100rpx;
	background: #fff;
}

.fix-bottom-wrap .bottom .btn {
	height: 70rpx;
	line-height: 70rpx;
	margin: 15rpx 20rpx;
	text-align: center;
	background: #09f;
	border-radius: 36rpx;
	color: #fff;
	font-size: 28rpx;
}
 
.popup-type-tips {
	position: relative;
	width: 75%;
	min-height: 100rpx;
	padding: 20rpx;
	margin: 0 auto;
	background: #fff;
	border-radius: 15rpx;
}

.popup-type-tips .close-btn {
	position: absolute;
	left: 50%;
	bottom: -100rpx;
	margin-left: -45rpx;
	width: 90rpx;
	height: 90rpx;
	text-align: center;
	line-height: 90rpx;
	color: #fff;
}

.dev-info-area {
	position: relative;
	width: 80%;
	margin: 0 auto;
	background: #fff;
	border-radius: 10rpx;
}

.dev-info-area .btn-bar {
	display: flex;
	line-height: 80rpx;
	text-align: center;
	border-top: 2rpx solid #eee;
	color: #09f;
	font-size: 30rpx;
}

.dev-info-area .btn-bar .btn {
	width: 1%;
	flex-grow: 1;
	flex-shrink: 0;
	border-right: 2rpx solid #eee;
}

.dev-info-area .btn-bar .btn:last-child {
	border-right: 0 none;
}

.dev-info-area .dev-info {
	display: flex;
	padding: 30rpx 20rpx;
}

.dev-info-area .dev-info .pic {
	width: 30%;
	max-height: 140rpx;
	margin-right: 20rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	overflow: hidden;
}

.dev-info-area .dev-info .info {
	flex-grow: 2;
}

.dev-info-area .dev-info .info .dev-name {
	margin-bottom: 10rpx;
	font-size: 30rpx;
	font-weight: bold;
}

.dev-info-area .dev-info .info .address {
	color: #999;
	font-size: 28rpx;
}

.picker-bottom-wrap {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 780rpx;
	background: #fff;
}

.picker-bottom-wrap .hd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60rpx;
	border-bottom: .2rpx solid #eee;
	background: #f5f5f5;
	padding: 0 30rpx;
	font-size: 28rpx;
}

.picker-bottom-wrap .hd .cancle {
	color: #999;
}

.picker-bottom-wrap .hd .confirm {
	color: #999;
}

.picker-bottom-wrap .picker-view-wrap {
	display: flex;
	justify-content: center;
	height: 410rpx;	
	width: 90%;
	padding: 30rpx 5%;
	background: #0086B3;
}

.picker-bottom-wrap .picker-view-wrap .item-column {
	flex-grow: 1;
	flex-shrink: 0; 
	height: 470rpx; 
	background: #f00;
}
.row-2 .item-column{
	width:320rpx;
}
.row-3 .item-column{
	width:320rpx;
}

.picker-bottom-wrap .picker-view-wrap .item-column .item {
	width: 100%;
	height: 50px;	 
	text-align: center;
	font-size: 30rpx;
	background: #09f;
}
.indicatorClass{
	height: 50px;	
}

.select-area-bar{
	display: flex;
	padding:30rpx 20rpx;
	font-size: 30rpx;
}
.select-area-bar .item{
	margin-right: 30rpx;
	color:#666;
}
.select-area-bar .active{
	color:#f00;
}
.select-area-bar .label{
	color:#999;
	margin-right: 10rpx;
}
.area-list-wrap{
	height:560rpx;
	overflow-y: scroll; 
}
.area-list-wrap .item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 20rpx;
	padding:20rpx 20rpx 20rpx 0;
	font-size: 30rpx;
	border-bottom: 1rpx solid #eee;
}

/* 版本更新弹窗 */
.version-update-box{
	width: 60%;	
	margin:0 auto;
	position: relative; 
}
.version-update-box .title{
	position: absolute;
	top:100rpx;
	left:30rpx;	
	z-index: 100;
	font-size: 30rpx;
	font-weight: bold;
	text-align: center;
	color:#fff;
}
.version-update-box .title text{
	font-weight: normal;
	color:#fff;
}
.version-update-box image{
	width: 100%;	
}
.version-update-box .content{  
	width: 100%;  
	background: #fff;
	border-bottom-left-radius: 15rpx;
	border-bottom-right-radius: 15rpx;
}

.version-update-box .log{ 
	padding:20rpx;
}
.version-update-box .log .text{
	font-size: 28rpx;
	padding-left: 30rpx;
	color:#666;
}
.version-update-box .update-btn-wrap{
	display: flex;
	justify-content: center;
	align-items: center;  
}
.version-update-box .update-btn-wrap .down,
.version-update-box .update-btn-wrap .cancle{
	margin: 20rpx;
	padding:8rpx 20rpx;
	border-radius: 38rpx;
	border:1rpx solid #f00; 
	font-size: 30rpx;
}
.version-update-box .update-btn-wrap .down{
	color:#fff;
	background: linear-gradient(#fb6157,#e3241a);
}
.version-update-box .update-btn-wrap .cancle{  
	color:#f00;
}


.bottom-btn-wrap{
	display: block;
}
.bottom-tab-btn{
	position: fixed;
	left:0;
	bottom:0;
	width: 90%;
	padding: 0 5%;
}

.bottom-tab-btn .bottom-lay-btn-wrap{
	background: #fff;
	border-radius: 15rpx;
}
.bottom-tab-btn .bottom-lay-btn-wrap .lay-btn{
	padding:30rpx 0;
	border-bottom: 1rpx solid #ddd;
	font-size: 30rpx;
	text-align: center;
}
.bottom-tab-btn .bottom-lay-btn-wrap .lay-btn:last-child{
	border-bottom: 0 none;
}

.chosefiles-area{
	position: fixed;
	left:0;
	bottom:0;
	width: 100% 
}
.chosefiles-area .file-type-list{
	display: flex;
	align-items: center;
	padding:30rpx;
	background: #fff;
}
.chosefiles-area .file-type-list .item{
	width: 25%;
	text-align: center;
}
.chosefiles-area .file-type-list .item .icon{
	width: 90rpx;
	height: 90rpx;
	line-height: 90rpx;
	margin: 0 auto 20rpx;
	background: #f5f5f5;
	border-radius: 10rpx;
	color:#000;
}
.chosefiles-area .file-type-list .item .name{
	font-size: 26rpx;
}
.chosefiles-area .bottom-lay-btn-wrap{
	background: #fff; 
}
.chosefiles-area .bottom-lay-btn-wrap .lay-btn{
	padding:20rpx 0;
	border-top: 1rpx solid #ddd;
	font-size: 30rpx;
	text-align: center;
}
























